<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.4.js"></script>
		<script>
			$(function(){
				$("#checkAll").click(function(){
				if($(":checkbox").prop("checked",true))	{
					$("#checkAll").val("全不选");
				}else{
					$("#checkAll").val("全选");
				}
				});
			});
		</script>
		
		
		<script>
			$(function(){
				$("#check1").click(function(){
					if(this.checked){
					$("#a :checkbox").prop("checked",true);
					}else{
						$("#a :checkbox").prop("checked",false);
					}
				});
			});
		</script>
		<script>
			$(function(){
			$("#a :checkbox").click(function(){
				if(this.checked){
				$("#check1").prop("checked",true);	
			}else{
				$("#check1").prop("checked",false);	
			}
			});
		});
		</script>
		
		 <script>
			$(function(){
				$("#check2").click(function(){
					if(this.checked){
					$("#b :checkbox").prop("checked",true);
					}else{
						$("#b :checkbox").prop("checked",false);
					}
					
				})
			})
		</script>
		<script>
			$(function(){
			$("#b :checkbox").click(function(){
				if(this.checked){
				$("#check2").prop("checked",true);	
			}else{
				$("#check2").prop("checked",false);	
			}
			});
		});
		</script>
		
		<script>
			$(function(){
				$("#check3").click(function(){
					if(this.checked){
					$("#c :checkbox").prop("checked",true);
					}else{
						$("#c :checkbox").prop("checked",false);
					}
				})
			})
		</script>
		<script>
			$(function(){
			$("#c :checkbox").click(function(){
				if(this.checked){
				$("#check3").prop("checked",true);	
			}else{
				$("#check3").prop("checked",false);	
			}
			});
		});
		</script>
		
	</head>
	<body>
		<form action="" method="post">
		
			<h2><input type="checkbox" name="title" id="check1"/>系统管理</h2>
			<div id="a">
			<input type="checkbox" name="mag"/>用户管理
			<input type="checkbox" name="mag"/>参数管理
			<input type="checkbox" name="mag"/>权限管理
			<input type="checkbox" name="mag"/>财务管理
			<input type="checkbox" name="mag"/>日常管理
		</div>
		<hr/>
		
			<h2><input type="checkbox" name="title" id="check2"/>鲜花订单管理</h2>
			<div id="b">
			<input type="checkbox" name="mag"/>增加订单
			<input type="checkbox" name="mag"/>订单发货
			<input type="checkbox" name="mag"/>在线结算
			<input type="checkbox" name="mag"/>原料管理
		    </div>
		<hr/>
		
			<h2><input type="checkbox" name="title" id="check3"/>客户管理</h2>
			<div id="c">
			<input type="checkbox" name="mag"/>查找客户
			<input type="checkbox" name="mag"/>客户维护
			<input type="checkbox" name="mag"/>生日祝福
			<input type="checkbox" name="mag"/>删除客户
			</div>
		
		<div>
			<input type="button"   value="全选" name="ca" id="checkAll" />
			<input type="button"     value="提交" />
			<input type="reset" value="重置" />
		</div>
		</form>
	</body>
	<hr />
</html>
